<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>webpack</title>
  </head>
  <body>
    <h1>hello webpack ~~</h1>
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    <div class="box4"></div>
    <div class="box5"></div>

    <!-- 使用字体图标 -->
    <span class="iconfont icon-aichegujiabeifen7"></span>

    <button id="btn">计算</button>

    <!-- 直接在浏览器中引入未编译的js文件不能执行，浏览器不识别ES6的模块化语法 -->
    <!-- <script src="../src/main.js"></script> -->

    <!-- 手动 引入使用webpack编译打包后的js文件 -->
    <!-- 打包后的js文件中包含打包的css....文件 -->
    <!-- <script src="../dist/static/js/main.js"></script> -->
    <!-- 使用插件自动引入js文件 -->
  </body>
</html>
